<!DOCTYPE html>
<html lang="ru">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="views/lib/jquery-ui.theme.css">
	<link rel="stylesheet" href="views/lib/jqGrid460/css/ui.jqgrid.css">
</head>
<body>

	

	
	<table id="navgrid"></table> 
	

	<div id="pagernav"></div>

	
	<script src="views/lib/jquery-1.11.0.min.js"></script>
	<script src="views/lib/lodash.min.js"></script>
	<script src="views/lib/knockout-3.1.0.debug.js"></script>
	<script src="views/lib/jqGrid460/js/jquery.jqGrid.src.js"></script>

	<script>
	$(function(){
		 jQuery("#navgrid").jqGrid({ 
		 	url:'/series/users', 
		 	datatype: "json", 
		 	colNames:['Id','Login', 'Pass'], 
		 	colModel:[{name:'user_id',index:'user_id', width:55,editable:false,editoptions:{readonly:true,size:10}},
		 	 {name:'user_login',index:'user_login', width:80,editable:true,editoptions:{size:10}},
		 	 {name:'user_pass',index:'user_pass', width:90,editable:false,editoptions:{size:25}}
		 	], 
		 	
		 	rowNum:10, 
		 	rowList:[10,20,30], 
		 	pager: '#pagernav', 
		 	sortname: 'user_id', 
		 	viewrecords: true, 
		 	sortorder: "desc", 
		 	caption:"Navigator Example", 
		 	editurl:"/series/users", 
		 	height:210 
		 }); 
			
		jQuery("#navgrid").jqGrid('navGrid','#pagernav', {},
		 	 options {height:280,reloadAfterSubmit:false},
		 	  edit options {height:280,reloadAfterSubmit:false},
		 	  add options {reloadAfterSubmit:false},
		 	  del options {}  search options );
	});


	</script>
</body>
</html>